<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%><%@ page language="java" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<link rel="stylesheet" type="text/css" href="css/base.css" />
	<base href="<%=basePath%>">

	<title>Detalle del Tramo</title>
	
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
</head>
  
<body>
	<f:view>
		<h:form id="tramoForm">
			<f:verbatim>
				<h1>Detalle del Tramo</h1>
				<br>
			</f:verbatim>
			<h:message for="tramoForm" errorClass="error"></h:message>
			<f:verbatim><br><br></f:verbatim>
			
			<h:outputText rendered="#{administrarRutasBean.tablaEscalas.rowCount == 0}"
				escape="false" value="No se han agregado escalas.<br>"/>
			<h:dataTable rendered="#{administrarRutasBean.tablaEscalas.rowCount > 0}" binding="#{administrarRutasBean.tablaEscalas}"
				border="1" id="escalas" value="#{administrarRutasBean.escalas}" var="fila" rows="5">
				<f:facet name="header">
					<h:outputText value="Listado de Escalas del Tramo"/>
				</f:facet>

				<h:column>
					<h:outputText id="id" value="#{administrarRutasBean.tablaEscalas.rowIndex + 1}"></h:outputText>
				</h:column>
				<h:column>
					<h:outputText id="nombre" value="#{fila.nombre}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Nombre"></h:outputText>
					</f:facet>
				</h:column>
				<h:column>
					<h:outputText id="ciudad" value="#{fila.ciudad}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Ciudad"/>
					</f:facet>
				</h:column>
				<h:column>
					<h:outputText id="provincia" value="#{fila.provincia}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Provincia"/>
					</f:facet>
				</h:column>
				<h:column>
					<h:outputText id="pais" value="#{fila.pais}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Pais"/>
					</f:facet>
				</h:column>
				
				<h:column>
					<h:commandButton action="#{administrarRutasBean.subirEscala}" value="Subir"/>
				</h:column>
				<h:column>
					<h:commandButton action="#{administrarRutasBean.bajarEscala}" value="Bajar"/>
				</h:column>
				<h:column>
					<h:commandButton action="#{administrarRutasBean.eliminarEscala}" value="Eliminar"/>
				</h:column>
				
				<f:facet name="footer">
					<h:panelGroup rendered="#{not empty administrarRutasBean.tramo.escalas}">
						<h:outputText escape="false" value="#{administrarRutasBean.tramo.distanciaTotal}">
							<f:convertNumber pattern="<u>Distancia total:</u> #0 Km<br>"/>
						</h:outputText>
						<h:outputText escape="false" value="<u>Categoria Avion:</u> #{administrarRutasBean.tramo.categoriaAvion}"/>
					</h:panelGroup>
				</f:facet>
			</h:dataTable>
	
			<f:verbatim><br></f:verbatim>
			<h:panelGroup>
				<h:selectOneRadio id="modoAgregarEscalas" layout="pageDirection" value="#{administrarRutasBean.validarAlFinal}"
						binding="#{administrarRutasBean.radioValidarAlFinal}" converter="javax.faces.Boolean">
					<f:selectItem itemValue="false" itemLabel="Validar agregando una escala por vez (Recomendado)."/>
					<f:selectItem itemValue="true" itemLabel="Validar agregando todas las escalas al momento de 'Guardar' los cambios."/>
				</h:selectOneRadio>
	
				<f:verbatim><br></f:verbatim>
				<h:commandButton action="#{administrarRutasBean.verAgregarEscala}" value="Agregar Escala"/>
			</h:panelGroup>
			
			
			<f:verbatim><br><hr></f:verbatim>
			<h:panelGroup>
				<h:commandButton value="Guardar" action="#{administrarRutasBean.guardarTramo}"/>
				<h:commandButton value="Cancelar" action="#{administrarRutasBean.listar}" immediate="true" />
			</h:panelGroup>
		</h:form>
	</f:view>
</body>
</html>